<template>
  <div class="not-found" >
    <div v-if="error.statusCode === 404">
        <img src="~/assets/img/404.jpg" style="height: 400px" alt="返回首页">
    </div>

    <div v-else>
      <img src="~/assets/img/500.jpg" style="height: 400px" alt="返回首页">
    </div>

    <div style="padding: 20px">
      <NuxtLink to="/" >
        <el-button type="info">返回首页</el-button>
      </NuxtLink>
    </div>



  </div>
</template>

<script>
export default {
  props: ['error'],
  layout: 'error' // you can set a custom layout for the error page
}
</script>

<style scoped>
.not-found {
  text-align: center;
  background: white
}
</style>
